
var $,form,table,layer,transfer,laydate,upload,element;
layui.use(['jquery','table','form','layer','transfer','laydate','upload','element'], function(){
    var $ = layui.jquery;

// 请求数据
    function fetchData() {
        $.ajax({
            url: '/atshort', // 接口路径
            method: 'GET',
            success: function(data) {
                var $tableBody = $('#tableBody');
                $tableBody.empty(); // 清空表格内容

                if (data && data.length > 0) {
                    // 有数据时填充表格
                    data.forEach(function(item) {
                        $tableBody.append(
                            `<tr>
                                <td>${item.id}</td>
                                <td>${item.name}</td>
                                <td>${item.age}</td>
                                <td>${item.email}</td>
                            </tr>`
                        );
                    });
                } else {
                    // 数据为空时显示“暂无数据”
                    $tableBody.append(
                        `<tr>
                            <td colspan="4" style="text-align: center;">暂无数据</td>
                        </tr>`
                    );
                }
            },
            error: function() {
                // 请求失败时也显示“暂无数据”
                var $tableBody = $('#tableBody');
                $tableBody.empty();
                $tableBody.append(
                    `<tr>
                        <td colspan="4" style="text-align: center;">暂无数据</td>
                    </tr>`
                );
            }
        });
    }

    // 页面加载时请求数据
    fetchData();

    $('#searchBtn').on('click', function() {
        var searchValue = $('#searchInput').val();
        // 在这里可以添加搜索逻辑
        alert('搜索内容: ' + searchValue);
    });
 });
